<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=yes"/>
    <title>更改登录密码</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/personal.css">
    <style>
.pass-box{width: 100%;position: relative;}
.pass-box input{background-color: #ffffff;border-radius: 5px;border: 1px solid #d4d4d4; display: block; font-size: 1.1em; height: 45px;line-height: 45px;width: 84%;margin: 20px auto;padding: 2px 10px;}
 .next-b{width: 100%;margin-top: 16%;text-align: center;}
.next-btn,.next-btn1{border-style: none;width: 77%;height: 42px;background-color: #F5CE2F;color: #ffffff;font-size: 1em;border-radius: 5px;}

    </style>
</head>
<body>
<div class="wrapper">
   <div class="modify-box ">
       <div class="pass-box">
           <input class="pass-inp" id="old-pass"  type="password" placeholder="请输入当前登录密码">
           <span class="card-sp1" onclick="oldPass()"><img  src="../../images/Artboard 101.png" alt=""></span>
       </div>
       <div class="next-b">
           <button class="next-btn">下一步</button>
       </div>
   </div>
    <div class="prompt_box hide1" id="error" >
        <span class="prompt_span" id="errmsg"></span>
    </div>
</div>
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/personal.js"></script>
<!--<script src="../../js/base.js"></script>-->
<script>
$('.next-btn').click(function(){
    var password2=$('.pass-inp').val();
    if(password2==''){
        $("#errmsg").html('密码不能为空');
        $("#error").show();
        errorHide();
        return
    }else {
        window.location.href='../Personal/confirm-password.html';
    }
});
function oldPass(){
    $('#old-pass').val('');
}
</script>
</body>
</html>